﻿{% load static %}
<html>

<head>
    <meta charset="utf-8">
    <meta name="keywords" content="个人博客,blog">
    <meta name="author" content="董沅鑫,AsuraDong">
    <base target="_blank">
    <link rel="stylesheet" type="text/css" href="{% static "css/index.css" %}">
    <title>首页</title>
</style>
</head>
<body>
    <div class="header">
        <div class="header-logo">
            <h1>AsuraDong.Com<sup>&nbsp;&nbsp;&nbsp;CN</sup></h1>
        </div>
        <ul>
            <li>
                <img src="{% static "image/more.png"%}">
            </li>
            <li>
                <a href="#"><img src="{% static "image/github.png"%}"></a>
            </li>
            <li>
                <a href="#"><img src="{% static "image/download.png"%}"></a>
            </li>
            <li>
                <a href="#"><img src="{% static "image/intrest.png"%}"></a>
            </li>
        </ul>
    </div>
    <div class="searcher">
        <hr/>
        <center>
            <a href="#" id="index" target="_self">Home</a>&nbsp;|
            <a href="../blog" target="_self">Blog</a>&nbsp;|
            <a href="#" target="_self">Contact</a>&nbsp;|
            <a href="#" target="_self">About</a>&nbsp;|
            <a href="#" target="_self">More</a>
        </center>
    </div>
    <br/>
    <center>
        <div class="content">
            <p class="first">Welcome&nbsp;To&nbsp;My&nbsp;Site</p>
            <br/>
            <p class="second">Asura&nbsp;Dong&nbsp;Write</p>
            <br/><br/>
            <div class="wrap-news">
                <div class="news">
                    <img src="{% static "image/news1.jpg" %}" />
                    <br/><br/>
                    <a>TIME</a>
                </div>
                <div class="news">
                    <img src="{% static "image/news2.jpg"%}" />
                    <br/><br/>
                    <a>FOOD</a>
                </div>
                <div class="news">
                    <img src="{% static "image/news3.jpg"%}" />
                    <br/><br/>
                    <a>ARMY</a>
                </div>
                <div class="news">
                    <img src="{% static "image/news4.jpg"%}" />
                    <br/><br/>
                    <a>CODE</a>
                </div>
            </div>
        </div>
    </center>
    <center>
        <br/><br/>
        <div class="footer">
            <hr/>
            <p>I'm&nbsp;glad&nbsp;to&nbsp;communicate.</p>
            <p>Address:China&nbsp;GuangDong&nbsp;Province&nbsp;ShenZhen</p>
            <p>Email:xiaochiyijiu@163.com</p>
            <p>WeChat:IT_xxx</p>
        </div>
    </center>
</body>

</html>